<template>
<div>
  <h1>{{msg}}</h1>
  <h2>学生姓名：{{name}}</h2>
  <h2>学生性别：{{sex}}</h2>
  <h2>学生年级：{{upYear+1}}</h2>
  <h2>学生编号：{{number}}</h2>
  <button @click="showYear">点击修改年纪：</button>
</div>
</template>

<script>
export default {
  name:'Student',
  data() {
    return{
      msg:"我是xxx大学学生",
      upYear: this.year,
    }
  },
  methods:{
    showYear(){
      this.upYear++
    }
  },
  props:{
    //限制类型、限制必要性、指定默认值
    //姓名
    name:{
      type:String,//限制数据类型
      required:true,//限制必要性
    },
    //性别
    sex:{
      type:String,
      required:true,
    },
    //年级
    year:{
      type:Number,
      default:2000,
    },

    //编号
    number:{
      type:Number,
      default: 1,
    },
  }
}
</script>

<style scoped>

</style>